<div style="background: #F7F7F7">
    <includetail>
        <div class="container">
            <div class="logo">
                <img src="https://img.seekingaround.com/seekingaround/public/media/images/2023-02-27/63fc251128031CvviKF2ybfGgU13F.png" alt="SeekingAround" />
            </div>
            <div class="content">
                <img src="https://img.seekingaround.com/seekingaround/public/media/images/2023-02-27/63fc24e186709XMzu6uhNkoKM0mrt.png" alt="liked" />
                <div class="title">
                    <h1>Hey, Rogan1</h1>
                </div>
                <p class="info">You received new message from: <span class="nickname">Ella</span></p>
                <a class="link" href="/">Open this message</a>
            </div>
            <div class="tips">
                <p><span>Tips:</span> Do not share any personal information (credit card info, bank account, address, etc.) with anyone under any circumstances. Never disclose your personal banking information, including account numbers or passwords.</p>
                <p>if you don’t want to receive our emails anymore,<a href="/">unsubscribe</a></p>
            </div>
            <div class="footer">
                <ul>
                    <li>
                        <a href="/">Terms of Use</a>
                    </li>
                    <li>
                        <a href="/">Privacy Policy</a>
                    </li>
                    <li>
                        <a href="/">Contact Us</a>
                    </li>
                </ul>
                <p class="copyright">Copyright © 2023 Seekingaround.com All rights reserved.</p>
            </div>
        </div>
    </includetail>
</div>

<style>
    html, body, p, h1, ul {
        padding: 0;
        margin: 0;
    }

    .container {
        width: 600px;
        background: #FFF;
        margin: 0 auto;
        color: #333;
    }

    .logo {
        padding: 32px;
        box-sizing: border-box;
    }

    .logo img {
        width: 190px;
        height: 40px;
    }

    .content {
        padding: 50px 55px 80px;
        box-sizing: border-box;
    }

    .content img {
        width: 50px;
        height: 50px;
        display: block;
        margin: 0 auto;
    }

    .content .title {
        margin: 20px 0 12px;
    }

    .content .title h1 {
        display: block;
        font-size: 24px;
        text-align: center;
        line-height: 28px;
    }

    .content p.info {
        display: block;
        font-size: 16px;
        text-align: center;
        line-height: 20px;
    }

    .content p.info .nickname {
        color: #666;
    }

    .content a.link {
        width: 260px;
        height: 50px;
        margin: 40px auto 0;
        background: #E31F72;
        border-radius: 6px;
        display: block;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        line-height: 50px;
        color: #FFF;
        text-decoration: none;
    }

    .tips {
        padding: 0 40px;
        box-sizing: border-box;
        font-size: 14px;
        text-align: center;
        line-height: 16px;
    }


    .tips p:first-child {
        color: #666;
    }

    .tips p:first-child span {
        color: #999;
    }

    .tips p:last-child {
        margin-top: 20px;
    }

    .footer {
        padding: 40px;
        margin-top: 360px;
        box-sizing: border-box;
    }

    .footer ul {
        list-style: none;
        text-align: center;
    }

    .footer ul li {
        margin: 0 30px;
        display: inline-block;
    }

    .footer ul li a {
        text-decoration: none;
        color: #333;
    }

    .footer ul li a:hover {
        text-decoration: underline;
    }

    .footer .copyright {
        margin-top: 16px;
        display: block;
        font-size: 14px;
        text-align: center;
        line-height: 16px;
        color: #666;
    }
</style>
